<template>
	<home-header></home-header>
	<home-swipers :SwipersList = 'SwipersList'></home-swipers>
	<home-icons :IconList='IconList'></home-icons>
	<home-box :BoxList='BoxList'></home-box>
	<HomeBottom></HomeBottom>
</template>

<script>
	import HomeHeader from './pages/Header'
	import HomeSwipers from './pages/Swipers'
	import HomeIcons from './pages/Icons'
	import HomeBox from './pages/Box'
	import HomeBottom from './pages/Bottom'
	import axios from 'axios'
	export default{
		components:{
			HomeHeader,
			HomeSwipers,
			HomeIcons,
			HomeBox,
			HomeBottom
		},
		data() {
			return {
				IconList: [],
				BoxList:[],
				SwipersList:[]
			}
		},
		mounted() {
			axios.get('./dataHome.json').then((res) => {
				const msg = res.data.data[0]
				this.SwipersList = msg.SwipersList;
				this.IconList = msg.IconList;
				this.BoxList = msg.BoxList;
			})
		}
	}
</script>

<style>
</style>
